<template>
  <div class="app-container">
    <div style="margin:0 0 5px 20px">
      Fixed header, sorted by header order,
    </div>
    <fixed-thead></fixed-thead>

    <div style="margin:30px 0 5px 20px">
      Not fixed header, sorted by click order
    </div>
    <unfixed-thead></unfixed-thead>
  </div>
</template>

<script>
    const FixedThead = httpVueLoader(module.base +'./components/FixedThead.vue');
    const UnfixedThead = httpVueLoader(module.base +'./components/UnfixedThead.vue');

  module.exports = {
  name: 'DynamicTable',
  components: { FixedThead, UnfixedThead }
}
</script>

